/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[12].use[3]!./css/responsiveNav.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.nav-responsive-section{
  position: sticky;
  z-index: 30;
  top: 0;
  overflow-x: clip;
}
.navbar-mobile {
  box-shadow: 0 1px 2px 0 rgba(25,38,57,0.3), 0 2px 6px 2px rgba(25,38,57,0.11);
  background-color: #fff
}
.nav__menu-bar{
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  cursor: pointer;
}
.nav__menu-bar div{
  width: 40px;
  height: 4px;
  background-color: black;
  border-radius: 2px;
}
/* .nav__menu-bar div:nth-child(1).actived {
  transform: rotate(45deg);
}
.nav__menu-bar div:nth-child(2).actived {
  transform: rotate(-45deg);
}
.nav__menu-bar div:nth-child(3).actived {
  display: none;
} */

.nav__menu-list{
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: space-evenly;
  position: absolute !important;; 
  top: 100% !important;
  width: 100%;
  left: 100%;
  transition: all 0.2s;
  min-height: 100%;
  background-color: #fff ;
}
.nav__menu-list .dropdown {
  position: unset !important;
}
.nav__menu-list .dropdown-link, .direct-link, .nav-name {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: black;
  border: none;
  background: none;
}
.nav__menu-list .dropdown-toggle {
  left: 150%
}
.nav__menu-list .dropdown-content.hovered {
  transition: all 0.5s ease-in-out;
  /* left: -100% !important */
}
.nav__menu-list .dropdown-content {
  height: 100vh;
  flex-direction: column;
  display: flex !important;
  left: 51% !important;
  width: 100vw !important;
  transform: translateX(50%) !important;
}
.nav__menu-list .dropdown-content.second.hovered {
  left: -50% !important;
  top: 0%;
}
.nav__menu-list .dropdown-content.third.hovered {
  left: -50% !important;
  top: 0% 
}
.nav__menu-list.actived{
  left: 0;
}
.nav__menu-list .dropdown-content .dropdown-link {
  width: 100% !important;
  flex-basis: auto !important;
  justify-content: start !important;
}
.nav__link{
  font-size: 18px; 
  position: relative;
  transition: all 0.2s;
}

.nav__link:hover{
 font-weight: bold;
}